<template>
  <div>
    <h1>parentA</h1>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <p>{{ item.name }}---{{ item.age }}</p>
      </li>
    </ul>
    <son-a @addItem="addItem"></son-a>
  </div>
</template>

<script>
/* 
子传父
$emit自定义事件去进行传递

事件：
获取DOM元素   btn   
事件名：click
绑定事件，写对应的回调函数 ()=>{console.log('wuxiaoyu')}
触发事件 鼠标点击了btn

回调函数：
你写的
你没有调用 
执行了

自定义事件
事件名：回调函数  xx=（）=>{}
绑定事件  @事件名
触发事件/分发事件  $emit






*/

/* 
demo:
人员信息[{name:'hanhan',age:18},{name:'lele',age:18}]
父组件中

子组件 收集人员信息{name:xx，age：xxx}
子组件把收集的人员信息传递给父组件


*/

import SonA from "./SonA.vue";
export default {
  data() {
    return {
      list: [
        {
          name: "lele",
          age: 18,
        },
        {
          name: "hanhan",
          age: 18,
        },
      ],
    };
  },
  components: {
    SonA,
  },
  methods: {
    addItem(item) {
      console.log(item);
      this.list.push(item);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>